<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/head.jsp"%>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form id="myForm" method="get" action="${pageContext.request.contextPath }/user/list">
					 <span>用户名：</span>
					 <input name="username" class="input-text"	type="text" value="${user.username}">
					 <span>用户角色：</span>
					 <select name="userrole">
						<c:if test="${roles != null }">
						   <option value="0">--请选择--</option>
						   <c:forEach var="role" items="${roles}">
						   		<option value="${role.id}" ${role.id == user.userrole?'selected':''}>${role.rolename}</option>
						   </c:forEach>
						</c:if>
	        		</select>
					<input type="hidden" id="pageIndex" name="pageIndex" value="1">
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="${pageContext.request.contextPath}/user/add" >添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
                    <th width="30%">操作</th>
                </tr>
                   <c:forEach var="user" items="${pageInfo.list }" varStatus="status">
					<tr>
						<td>
						<span>${user.usercode }</span>
						</td>
						<td>
						<span>${user.username }</span>
						</td>
						<td>
							<span>
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
						</td>
						<td>
						<span>${user.age}</span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
							<span>
								<c:choose>
									<c:when test="${user.userrole == 1}">
										系统管理员
									</c:when>
									<c:when test="${user.userrole == 2}">
										经理
									</c:when>
									<c:otherwise>普通员工</c:otherwise>
								</c:choose>
							</span>
						</td>
						<td>
						<span><a userid="${user.id}" class="viewUser" href="javascript:;"><img src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
						<span><a userid="${user.id}" class="modifyUser" href="javascript:;"><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a></span>
						<span><a class="deleteUser" href="javascript:;"><img src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
						</td>
					</tr>
				</c:forEach>
			</table>
			<div class="page-bar">
				<ul class="page-num-ul clearfix">
					<li>共${pageInfo.total }条记录&nbsp;&nbsp; ${pageInfo.pageNum }/${pageInfo.pages }页</li>
					<c:if test="${pageInfo.hasPreviousPage}">
						<a href="javascript:void(0)" onclick="changePage(1)">首页</a>
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.prePage})">上一页</a>
					</c:if>
					<c:if test="${pageInfo.hasNextPage}">
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.nextPage})">下一页</a>
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.pages})">最后一页</a>
					</c:if>
					&nbsp;&nbsp;
				</ul>
				<span class="page-go-form"><label>跳转至</label>
	     <input type="text" name="inputPage" id="inputPage" class="page-key" />页
	     <button type="button" class="page-btn" onClick='changePage(document.getElementById("inputPage").value)'>GO</button>
		</span>
			</div>
		</div>
    </section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/userlist.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/rollpage.js"></script>
<script type="text/javascript">
	function changePage(pageIndex) {
		document.getElementById("pageIndex").value = pageIndex
		document.getElementById("myForm").submit()
	}
</script>
